/*
"WE NEVER GIVE PERMISSION TO COPY ALL SOURCE CODE, ALL RIGHTS RESERVED"
*/

/*!
Blogger Template Name
Name: Articsocie
Designer: imam.putra.pupu
URL: https://plus.google.com/117986839924849705015
*/

body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td {
margin: 0;
padding: 0;
}

table {
border-collapse:collapse;
border-spacing: 0;
}
      
fieldset,img {
border: 0;
}
      
address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var {
font: inherit;
}

del,ins {
text-decoration: none;
}
      
caption,th {
text-align: left;
}
      
h1,h2,h3,h4,h5,h6 {
font-size: 100%;
font-weight: normal;
}
      
q:before,q:after {
content: ''
}
      
abbr,acronym {
border: 0;
font-variant: normal;
}
      
sup, sub {
vertical-align: baseline;
}
      
#navbar-iframe,.status-msg-wrap,.post-feeds,.feed-links,.Attribution {
display: none;
}

.clear {
clear: both;
}
      
body {
background:#F5F5F5 url(http://strumpet.googlecode.com/svn/branches/image/body_bg.jpg) repeat;
color: #333333;
font: Arial, Sans-Serif;
padding: 0;
margin: 0;
}
      
a:link {
color: #0E8FEC;
text-decoration: none;
}
      
a:hover {
color: #666666;
text-decoration: none;
}
      
a:visited {
color: #0E8FEC;
text-decoration: none;
}

a {
outline: 0;
} 
     
a img {
border-width: 0;
}
      
#top-outer {
background: #444444;
border-bottom: 1px solid #222222;
border-top: 1px solid #222222;
margin: 0px auto;
position: relative;
width: 100%;
}
      
#top-outer-child { 
height: auto;
margin: auto; 
max-width: 960px;
position: relative;
}

.top-nav-left {
animation: fadein 3s;
border-left: 1px solid #333333;
float: left;
font: 11px Ubuntu, Arial, Sans-Serif;
margin: 0px auto;
-moz-animation: fadein 3s; 
-ms-animation: fadein 3s;
overflow:hidden;
-o-animation: fadein 3s;
-webkit-animation: fadein 3s;
width: 50%;
}

.top-nav-left ul {
border-left: 1px solid #555555;
color: #AAAAAA;
margin: 0px 0px;
overflow: auto;
padding: 0px 0px; 
}

.top-nav-left li {
display: inline;
float: left;
list-style: none;
margin: 0px 0px;
padding: 0px 0px;
position:relative;
}

.top-nav-left li a {
border-right: 1px solid #555555;
color: #AAAAAA;
display: block;
line-height: 20px;
padding: 0px 7px;
text-decoration: none;
text-shadow: 0px 1px 2px #222222;
}

.top-nav-left li a:hover, .top-nav-left li:hover > a{
color: #999999;
text-decoration: none;
}

.top-nav-right {
animation: fadein 3s;
color: #AAAAAA;
float: right;
font: 11px Ubuntu, Arial,Sans-Serif;
margin: 0px auto;
-moz-animation: fadein 3s; 
-ms-animation: fadein 3s; 
overflow:hidden;
-o-animation: fadein 3s; 
padding-top: 3px;
text-shadow: 0px 1px 2px #222222;
-webkit-animation: fadein 3s; 
width: 47%;
}

.top-nav-right ul {
float: right;
height:20px;
margin:0px 0px;
overflow: auto;
padding:0px 0px; 
}

.top-nav-right li {
float: left;
line-height: 20px;
list-style: none;
margin: 1px 0px 0px 0px;
padding: 0px 0px 0 0;
position: relative;
}


#first-clock {
border-left: 1px solid #333333;
float: right;
margin: 0px auto;
padding-left: 3px;
padding-right: 5px;
}

#second-clock {
border-right: 1px solid #555555;
float: right;
margin: 0px auto;
padding-right: 3px;
}
      
#header-outer {
background: #333;
border-bottom: 1px solid #222222;
border-top: 1px solid #444444;
height: auto;
margin: 0px auto;
position: relative;
width: 100%;
}

#header-wrapper {
background: #333333;   
margin: auto; 
max-width: 960px;
padding: 10px 0 10px 0;
position: relative;
}

#header-left {
float: left;
width: 50%;
}

#header-right {
float: right;
width: 50%;
}

.Header h1 {
color: #AAAAAA;
font-size: 36px;
margin: 0;
padding-left: 4px;
text-shadow:0px 0px 0 rgb(99,99,99), 1px 0px 0 rgb(38,38,38),2px 0px 1px rgba(0,0,0,0.4),2px 0px 1px rgba(0,0,0,0.5),0px 0px 1px rgba(0,0,0,.2);
}

.Header h1 a {
color: #AAAAAA;
font-family: Georgia, serif;
text-decoration: none;
}

.Header .description {
color: #CCCCCC;
display:none;
font: 11px Arial,Sans-Serif;
padding-bottom: 5px;
padding-left:5px; 
}

form#cse-search-box {
position: absolute;
right: 10px;
text-align: right;
top: 20px;
transition: all .5s ease-out;
vertical-align: top;
width: 148px;
z-index: 10;
}

input.searchfield {
background: #444444;
border-color: #222222 #444444 #444444 #222222;
border-style: solid;
border-width: 1px;
box-shadow: inset 0 0 2px #333333;
color: #AAAAAA;
font: 13px Ubuntu,Arial,Sans-Serif;
outline: none;
padding: 2px 2px;
text-align: left;
transition: all .5s ease-out;
width: 145px;
}

input.searchfield:focus {
background: #AAAAAA;
border-color: #C4C4C4!important;
box-shadow: 0 0 2px #B8B8B8,0 0 20px #B8B8B8;
color: #333333;
width: 145px;
}

#navi-outer {
background: #333333;
border-bottom: 1px solid #222222;
border-top: 1px solid #444444;
box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
margin: 0px auto;
position: relative;
width: 100%;
}

.navi {
background: #333333;
border-left: 1px solid #222222;
font: 13px Ubuntu,Arial,Sans-Serif;
margin: 0px auto;
max-width: 960px;
position: relative;
}

.navi ul {
color: #AAAAAA;
margin: 0px 0px;
overflow: hidden;
padding: 0px 0px; 
}

.navi li {
display: inline;
float: left;
list-style: none;
margin: 0px 0px;
padding: 0px 0px;
}

.navi li a{
border-right: 1px solid #444444;
color: #AAAAAA;
display: block;
line-height: 30px;
padding: 0px 15px;
text-decoration: none;
text-shadow: 0px 1px 2px #222222;
}

.navi li ul {
background: #333333;
border: 0;
box-shadow: 0 1px 2px #666666;
display: none;
height: auto;
margin: 0;
padding: 0;
position: absolute;
width: 18%;
z-index: 80;
}

.navi li li {
border-bottom: 1px solid #222222;
border-top: 1px solid #444444;
display: block;
float: none;
margin: 0;
padding: 0;
width: auto;
}

.navi li:hover li a {
background: #333333;
}

.navi li ul a {
display: block;
font-size: 12px;
font-style: normal;
height: auto;
margin: 0;
padding: 0px 10px 0px 15px;
text-align: left;
}

.navi li a:hover,.navi li:hover > a {
background: #404040;
color: #999999;
text-decoration: none;
transition: all .5s ease-out;
}

.navi li:hover ul.hidden {
display: block;
}

#outer-wrapper {
margin: 10px auto;
max-width: 960px;
position: relative;
text-align: left;
}

#content-wrapper {
border-bottom: none;
border-top: none;
margin: 0 auto;
padding: 0;
position: relative;
}
      
#main-wrapper {
animation: fadein 3s;
float: left;
margin: 0 auto;
-moz-animation: fadein 3s; 
-ms-animation: fadein 3s; 
-o-animation: fadein 3s; 
overflow: hidden; 
padding: 5px 0%;
position: relative;
-webkit-animation: fadein 3s; 
width: 67%;
word-wrap: break-word;
}

#sidebar-wrapper-first, #sidebar-wrapper-second, #sidebar-wrapper-third {
animation: fadein 5s;
box-shadow: 0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3); 
float: right;
-khtml-box-shadow: 0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
margin: 5px 0% 12px 0;
-moz-animation: fadein 5s; 
-moz-box-shadow: 0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
-ms-animation: fadein 5s; 
-o-animation: fadein 5s; 
-o-box-shadow: 0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
overflow: hidden;
position: relative;
-webkit-animation: fadein 5s; 
-webkit-box-shadow: 0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
width: 33%;
word-wrap: break-word; 
}

.breadcrumbs {
background: #FCFCFC;
border: 1px solid #FFFFFF;
box-shadow: 0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
font: 11px Arial,Sans-Serif;
-khtml-box-shadow: 0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
margin-bottom: 5px;
-moz-box-shadow: 0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
-o-box-shadow: 0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
padding: 3px;
text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
width: 96.6%; 
}

.sharetop {
border-top: 1px solid #FFFFFF;
clear:both;
color: #999999; 
font: 11px Ubuntu,Arial,Sans-Serif; 
padding-bottom: 1%;
padding-left: 5px;
padding-top:5px;
}

.addthis_toolbox {
clear: both;
height: 20px;
margin: 0 0 0px 1%;
}

.addthis_toolbox * {
transition: none;
}

.addthis_toolbox a.subscribe, a.blue {
background-color: #6ABCF6;
border: 1px solid #51B1F5;
border-radius: 3px;
color: #F9F9F9;
float: left;
font: normal 10px Arial,Sans-Serif;
-khtml-border-radius: 3px;
margin: 0 0px 0 0;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
padding: 1px 5px 0px 5px;
position: relative;
text-decoration: none;
text-transform: uppercase;
top: 0px;
-webkit-border-radius: 3px;
}

.addthis_toolbox a.subscribe:hover, a.blue:hover {
background-color: #999999;
border: 1px solid #8C8C8C;
color: #E6E6E6;
color: white;
transition: all .3s ease-out;
}

.post {
background: #FCFCFC;
border: 1px solid #FFFFFF;
box-shadow: 0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
-khtml-box-shadow: 0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
margin-bottom: 5px;
-moz-box-shadow: 0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
-o-box-shadow: 0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
padding: 0;
text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
width: 97.5%; 
}
      
h2.date-header {
display: none;
}

h2.post-title {
border-bottom: 1px solid #DDDDDD;
color:#666666;
display: block;
font: bold 16px Droid Serif,Arial,Sans-Serif;
line-height: 20px;
margin: 0;
padding: 5px;
}

h2.post-titles {
display: none;
}

h2.post-title a,h2.post-title strong {
color: #666666;
font-size: 16px;
text-decoration: none;
}

h2.post-title strong,h2.post-title a:hover {
color: #0E8FEC; 
text-decoration: none;
}

.post-body a {
color: #0E8FEC;
}

.post-body a:hover{
color: #666666;
text-decoration: none;
}

.post-labels {
font-size: 13px;
line-height: 140%;
margin: 0px;color: #555555;
}

table {
border-color: #DDDDDD;
border-style: solid;
border-width: 1px 1px 0;
font-size: 13px;
line-height: 18px;
margin: 0 0 22px;
text-align: left;
}

tr {
border-bottom: 1px solid #DDDDDD;
}

th, td {
border-bottom: 1px solid #DDDDDD;
padding: 0.7em 1.25em;
}

.voca {
clear:both;
color: #999999; 
font: 10px Ubuntu,Arial,Sans-Serif; 
}

#blog-pager-newer-link {
float:left;
margin:10px 5px 0 0;
}

#blog-pager-older-link {
float:left;
margin-top:10px;
}

#blog-pager {
color: #000000;
font: normal 13px Arial,Sans-Serif;
line-height: 20px;
margin-top: 0px;
padding: 0px;
text-align: center;
text-decoration: none;
}

#blog-pager a {
background: #39A6F3;
border: 1px solid #99FFFF;
border-radius: 5px;
box-shadow: 0 1px 1px #999999;
color: #FFFFFF;
font-size: 13px;
-khtml-border-radius: 5px;
-khtml-box-shadow: 0 1px 1px #999999;
margin: 0px;
-moz-border-radius: 5px;
-moz-box-shadow: 0 1px 1px #999999;
-ms-border-radius: 5px;
-o-border-radius: 5px;
-o-box-shadow: 0 1px 1px #999;
padding: 2px 10px 2px 10px;
text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
-webkit-border-radius: 5px;
-webkit-box-shadow: 0 1px 1px #999999;
}

#blog-pager a:hover {
background: #999999;
text-decoration: none;
transition:all .5s ease-out;
}

.home-link {
display: none;
}

#sidebar-first .item-snippet, #sidebar-second .item-snippet, #sidebar-third .item-snippet {
font-family: Arial,Sans-Serif;
font-size: 12px;
line-height: 14px;
text-align: justify;
}

#sidebar-first .item-thumbnail, #sidebar-second .item-thumbnail, #sidebar-third .item-thumbnail {
background: #FFFFFF;
border: 1px solid #DDDDDD;
float: right;
height: 72px;
margin-left: 5px;
padding: 1px;
width: 72px;
}

#sidebar-first .item-thumbnail a img, #sidebar-second .item-thumbnail a img, #sidebar-third .item-thumbnail a img {
height: 72px;
width: 72px;
}

#sidebar-first .item-title, #sidebar-first .item-title a, #sidebar-second .item-title, #sidebar-second .item-title a, #sidebar-third .item-title, #sidebar-third .item-title a {
font-weight: bold;
line-height: 14px;
}

.sidebar-first h2, .sidebar-first h3, .sidebar-second h2, .sidebar-second h3, .sidebar-third h2, .sidebar-third h3 {
background: #FCFCFC;
border-bottom: 1px solid #DDDDDD;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
box-shadow: 0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
color:#555555;
display: block;
font:normal 13px Ubuntu,Arial,Sans-Serif;
-khtml-box-shadow: 0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
margin: 0;
-moz-box-shadow: 0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
-o-box-shadow: 0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
padding: 6px 5px 6px 5px;
text-align: left;
text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
text-transform: uppercase;
-webkit-box-shadow: 0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
word-spacing: normal;
}

.sidebar-first, .sidebar-second, .sidebar-third {
padding: 0;
margin: 0;
}

.sidebar-first ul, .sidebar-second ul, .sidebar-third ul {
list-style: none;
margin: 0;
padding: 0;
}

.sidebar-first ul li, .sidebar-second ul li, .sidebar-third ul li {
border-bottom: 1px solid #DDDDDD;
font-family: Arial,Sans-Serif;
font-size: 13px;
margin: 0 auto;
padding: 10px;
}

.sidebar-first ul li a, .sidebar-second ul li a, .sidebar-third ul li a {
color: #666666;
font-family: Droid Serif,Arial,Sans-Serif;
font-size: 13px;
text-decoration: none;
}

.sidebar-first ul li a:hover, .sidebar-second ul li a:hover, .sidebar-third ul li a:hover {
color: #0E8FEC;
text-decoration: none;
}

.sidebar-first .widget-content, .sidebar-third .widget-content {
background: #FCFCFC;
border: 1px solid #fff;
box-shadow: 0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
color: #555555;
font-family: Ubuntu,Arial,Sans-Serif;
-khtml-box-shadow: 0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
margin: 0;
-moz-box-shadow: 0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
-o-box-shadow: 0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
padding: 5px 0px 3px 8px;
text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
}

.sidebar-second .widget-content {
background: #FCFCFC;
border: 1px solid #FFFFFF;
box-shadow: 0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
color: #555555;
font-family: Ubuntu, arial, sans-serif;
-khtml-box-shadow: 0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
margin: 0;
-moz-box-shadow: 0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
-o-box-shadow: 0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
padding: 5px 0px 0px 0px;
text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
}

.sidebar-first .widget, .sidebar-second .widget, .sidebar-third .widget {
font-family: Ubuntu, arial, sans-serif;
margin-top: 0px;
padding-bottom: 0px;
}

.BlogArchive .widget-content {
border-bottom: 1px solid #DDDDDD;
}

.PopularPosts .widget-content ul li {
padding: 5px !important;
}

#Label1 ul li {
border: 1px solid #E6E6E6;
float: left;
margin: 4px;
padding: 1px 4px 1px 4px;
}

.BlogArchive #ArchiveList ul li {
line-height: 0px;
text-indent: 0 !important;
}

.BlogArchive #ArchiveList ul li {
background: none;
background-image: none;
border-width: 0;
line-height: 5px;
list-style: none;
list-style-image: none;
list-style-position: outside;
margin: 0px;
padding-left: 5px
}

.BlogArchive #ArchiveList ul ul li {
padding-left: 20px;
}

.BlogArchive #ArchiveList ul {
border-width: 0;
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}

.BlogArchive #ArchiveList ul.posts li {
padding-left: 20px;
}

#ArchiveList .collapsed ul {
display: none;
}

#calendarDisplay {
display: block;
}

#blogger_calendar {
margin: 0px auto;
width: 100%;
}

#bcaption {
background: #F2F2F2;
font: 12px Arial,Sans-Serif;
margin: 0px;
padding:0px 5px 5px 5px;
text-align:center;
}

#bcaption select {
border: 1px solid #DDDDDD;
color: #666666;
text-align: center;
text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

table#bcalendar thead {
}

table#bcalendar thead tr th {
background: #F8F8F8;
border: 1px solid #DDDDDD;
color: #666666;
font: 12px Arial,Sans-Serif;
padding: 3px;
text-align: center;
text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
width: 20px;
}

table#bcalendar {
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
border-top: 1px solid #FFFFFF;
margin:0px;
width:100%;
}

table#bcalendar tbody tr td {
border: 1px solid #DDDDDD;
color: #666666;
cursor: pointer;
font: 12px Arial,Sans-Serif;
padding: 3px;
text-align: center;
}

table#bcalendar tbody tr td a:link, table#bcalendar tbody tr td a:visited, table#bcalendar tbody tr td a:active {
color: #666666;
text-decoration: underline;
}

table#bcalendar tbody tr td a:hover {
text-decoration: none;
}

td.firstCell {
visibility: visible;
}

td.filledCell {
background: #FFFFFF;
}

td.filledCell:hover {
background: #FFFFFF;
}

td.emptyCell {
visibility: hidden;
}

table#bcalendar tbody tr td.highlightCell{
background: #EBEBEB;
}

table#bcNavigation {
border-top: none;
color: #666666;
font: 12px Arial,Sans-Serif;
text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
width: 100%;
}

table#bcNavigation a:link {
color: #666666;
text-decoration: none;
}

table#bcNavigation a:hover{
color: #0E8FEC;
text-decoration: none;
transition:all .3s ease-out;
}

td#bcFootPrev {
width: 10px;
}

td#bcFootAll{
text-align: center;
}

td#bcFootAll a{
color: #666666;
}

td#bcFootNext {
width: 10px;
}

#calendarDisplay ul#calendarUl{
color: #666666;
font: 12px Tahoma, Arial,Sans-Serif;
margin-top: -10px;
padding: 0 10px 10px 25px;
text-shadow: 0 1px 1px #ebebeb;
}

#calendarDisplay ul#calendarUl a{
color: #666666;
font: 12px Tahoma, Arial,Sans-Serif;
padding: 0 0 0 0px;
text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

#calendarDisplay ul#calendarUl a:hover{
color: #0E8FEC;transition:all .3s ease-out;
font: 12px Tahoma,Arial,Sans-Serif;
padding: 0 0 0 0px;
text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

#calendarDisplay #calendarUl li{
display: list-item;
list-style: decimal;
padding: 0;
text-indent: 0;
}

#calLoadingStatus img {
display: block;
margin: 20px auto;
width: 80px;
}

#footer-outer-top {
animation: fadein 6s;
background: #444444;
border-bottom: 1px solid #222222;
border-top: 1px solid #222222; 
display: block; 
margin: 0px auto;
-moz-animation: fadein 6s; 
-ms-animation: fadein 6s; 
-o-animation: fadein 6s; 
position: relative;
-webkit-animation: fadein 6s; 
width: 100%;
}

#footer-wrapper {
clear: both;
font-family: Arial;
margin: auto;
max-width: 960px;
position: relative;
}

      
#footer-top-first .widget {
float: left; 
padding: 1%;
width: 14%; 
}

#footer-top-second .widget {
float: left; 
padding: 1%;
width: 14%; 
}

#footer-top-third .widget {
float: left; 
padding: 1%;
width: 14%; 
}

#footer-top-fourth .widget {
float: left; 
padding: 1%;
width: 19%; 
}

#footer-top-fifth .widget {
float: left; 
padding: 1%;
width: 13%; 
}

#footer-top-sixth .widget {
float: left; 
padding: 1%;
width: 12%; 
}

.footer-top h2 {
color: #AAAAAA; 
font:normal 14px Ubuntu,Arial,Sans-Serif; 
font-style: normal; 
letter-spacing: 0px; 
padding-bottom:5px;
text-decoration: none;  
text-shadow: 0px 0px 24px rgb(204, 0, 0), 0px 0px 4px rgb(204, 0, 0), 1px 1px 2px rgb(51, 51, 51);
}

.footer-top {
color: #333333;
font-family: Ubuntu,Arial,Sans-Serif; 
font-size: 12px;
list-style: none;
min-height: 3px;
text-decoration: none;
text-shadow: 0px 1px 2px #222222;
}

.footer-top ul {
margin: 0px 0px;
overflow: auto;
padding: 0px 0px;
}

.footer-top li {
list-style: none;
padding-bottom: 7px;
}

.footer-top a {
color: #B3B3B3 !important;
text-decoration: none;
}

.footer-top a:hover {
color: #CCCCCC !important;
text-decoration: none;
}

.footer-top a.rss {
background: url(http://strumpet.googlecode.com/svn/branches/image/rss.png) no-repeat;
padding: 0px 0px 7px 20px;
text-decoration: none;
}

.footer-top li a.gplus {
background: url(http://strumpet.googlecode.com/svn/branches/image/gplus.png) no-repeat; 
padding: 0px 0px 7px 20px;
text-decoration: none;
}

.footer-top li a.fb {
background: url(http://strumpet.googlecode.com/svn/branches/image/fb.png) no-repeat;
padding: 0px 0px 7px 20px;
text-decoration: none;
}

.footer-top li a.twt {
background: url(http://strumpet.googlecode.com/svn/branches/image/twt.png) no-repeat;
padding: 0px 0px 7px 20px;
text-decoration: none;
}

.footer-top li a.rss:hover { 
background: url(http://strumpet.googlecode.com/svn/branches/image/rss_hover.png) no-repeat;
}

.footer-top li a.gplus:hover { 
background: url(http://strumpet.googlecode.com/svn/branches/image/gplus_hover.png) no-repeat;
}

.footer-top li a.fb:hover { 
background: url(http://strumpet.googlecode.com/svn/branches/image/fb_hover.png) no-repeat;
}

.footer-top li a.twt:hover{ 
background: url(http://strumpet.googlecode.com/svn/branches/image/twt_hover.png) no-repeat;
}

#footer-outer-bottom {
animation: fadein 6s;
background: #333333;
border-bottom: 1px solid #222222;
border-top: 1px solid #555555;
display: block; 
margin: 0px auto;
-moz-animation: fadein 6s; 
-ms-animation: fadein 6s; 
-o-animation: fadein 6s; 
position: relative;
-webkit-animation: fadein 6s; 
width: 100%;
}

.footer-bottom {
color: #999999; 
font-family: Verdana,Arial,Sans-Serif; 
font-size: 11px; 
line-height: 17px;
margin: auto;
max-width: 960px;
padding: 10px 0 10px 0;
position: relative;  
text-align: center;  
text-shadow: 0px 1px 2px #222222;
}

.footer-bottom a {
color: #ADADAD;
text-decoration: none;
}

.footer-bottom a:hover {
color: #CCCCCC;
text-decoration: none;
}

#bottom-post {
background: #FCFCFC;
border: 1px solid #FFFFFF;
box-shadow: 0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
-khtml-box-shadow: 0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
margin-top: 10px;
-moz-box-shadow: 0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
-o-box-shadow: 0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
width: 98%;
}

.ads-right-bottom {
float: right;
margin: 0px auto;
padding: 16px 5px 11px 0px;
width: 48%;
}

.related-post {
border-right: 1px solid #DDDDDD;
float: left;
font:normal normal 11px/1.4 Arial,Sans-Serif;
margin:0px auto 0;
width: 50%;
}

.related-post h4 {
border-bottom: 1px solid #DDDDDD;
font: 14px Ubuntu,Arial,Sans-serif;
margin: 0px;
padding: 5px 0 0 5px;
}

.related-post a {
color:#555555;
}
.related-post a:hover {
color:#0E8FEC;
}

.related-post-style-2, .related-post-style-2 li {
list-style: none;
margin: 0;
padding: 0;
}

.related-post-style-2 li {
border-bottom:1px solid #DDDDDD;
border-top: 1px solid #FFFFFF;
padding: 3px 5px 3px 5px;
overflow: hidden;
}

.related-post-style-2 li:first-child {
border-top: none;
}

.related-post-style-2 .related-post-item-thumbnail {
background-color: #FFFFFF;
border:1px solid #DDDDDD;
float: left;
height: 50px;
margin: 2px 5px 0 0;
max-height: none;
max-width: none;
padding: 1px;
width: 50px;
}

.related-post-style-2 .related-post-item-title {
font-size: 11px;
font-weight: bold;
}

.related-post-style-2 .related-post-item-summary {
color:#666;
display: block;
overflow: hidden;
}

.related-post-style-2 .related-post-item-more {}

.quickedit, .status-msg-wrap {
display: none;
}

.profile-img {
float: left;
margin: 0 5px 5px;
}

.profile-data {
margin: 0;
}

.profile-datablock {
margin:.5em 0;
}

.profile-name-link {
background: no-repeat left top;
display: inline-block;
min-height: 20px;
padding-left: 20px;
}

.profile-textblock {
margin:.5em 0;
}

#loading-page {
background: url(http://strumpet.googlecode.com/svn/branches/image/transparant.png) repeat;
bottom: 0;
color: transparent;
display: none;
left: 0;
padding: 1em 1.2em;
position: absolute;
position: fixed !important;
right: 0;
top: 0;
z-index: 90;
}

.loading-page2 {
background: url(http://strumpet.googlecode.com/svn/branches/image/index.gif) no-repeat 50% 50%;
bottom: 0;
display: none;
height: 100%;
left: 0;
position: absolute;
position: fixed !important;
right: 0;
top: 0;
width: 100%;
}

#NoScript {
background: url(http://strumpet.googlecode.com/svn/branches/image/transparant2.png) repeat;
bottom: 0;
left: 0;
position: absolute;
position: fixed !important;
right: 0;
top: 0;
z-index: 90;
}

#NoScript h6{
bottom: 0;
color: #888888;
font-family: Arial,Sans-Serif;
font-size: 40px;
height: 100%;
left: 0;
padding: 0px;
position: absolute;
position: fixed !important;
right: 0;
text-align: center;
text-shadow:0px 0px 0 rgb(106,106,106),1px 0px 0 rgb(77,77,77),2px 0px 0 rgb(47,47,47), 3px 0px 0 rgb(17,17,17),4px 0px 3px rgba(0,0,0,0),4px 0px 1px rgba(0,0,0,0.5),0px 0px 3px rgba(0,0,0,.2);
top: 50%;
width: 100%;
z-index: 90;
} 

#homepage {
float: left; 
font-size: 12px;
width: 100%;
}

.notif {
background: transparent;
border: 0;
height: 20px;
overflow: hidden;
width: 90px;
display:block;
position:absolute!important;
top:0px;
left:50%;
z-index:100;
}

.caution {
background: #EBEBEB;
background-image: linear-gradient(#FF0000, #FF0000);
background-image: -moz-linear-gradient(top, #EBEBEB, #EBEBEB);
background-image: -ms-linear-gradient(top, #EBEBEB, #333333);
background-image: -o-linear-gradient(top, #EBEBEB, #EBEBEB);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF0000), to(#FF0000));
background-image: -webkit-linear-gradient(top, #EBEBEB, #EBEBEB);
border-radius: 5px;
color: #777777;
font-family: Georgia, serif;
font-size: 14px;
font-style: italic;
-khtml-border-radius: 5px;
margin: 0;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
padding: 10px 50px;
position: relative;
-webkit-border-radius: 5px;
}

.caution:before, .caution:after {
color : #00CCCC;
content : "\201C";
font-size : 80px;
font-style : normal;
line-height : 1;
position : absolute;
}

.caution:before {
left: 10px;
top: 0;
}

.caution:after {
bottom : -0.5em;
content : "\201D";
right : 10px;
}

.arrow-down {
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 15px solid #EBEBEB;
height: 0;
margin: 0 0 0 25px;
width: 0;
}

.caution-author {
color: #999999;
font-family: Arial, Helvetica, Sans-serif;
margin: 0 0 0 25px;
text-align: left;
}

.caution-author span {
color: #666666;
font-size: 12px;
}

@media screen and (max-width:600px) {
.top-nav-left {
width: 65%;
}

.top-nav-right {
width: 30%;
}

#first-clock {
display: none;
}

.navi li ul {
width: 28%;
}

#main-wrapper {
display: block;
float: none;
padding: 1% 0% 2% 1.5%;
width: auto;
} 

#header-left, #header-right {
float: none; 
width: auto;
}

.thumb-second {
width: 120px; height: 120px; display: block;
} 

.thumb-first {
height: 120px; 
width: 120px;
} 

#sidebar-wrapper-first, #sidebar-wrapper-second, #sidebar-wrapper-third {
display: block;
float: none;
margin: 0% 1.5% 1% 1.5%;
width: auto;
} 

.related-post, .ads-right-bottom {
float: none;
width: auto; 
}

#footer-top-first .widget, #footer-top-second .widget {
float: left; 
padding: 1% 0 0 5%;
width: 30%; 
}

#footer-top-third .widget {
float: none; 
width:auto;
}

#footer-top-fourth .widget, #footer-top-fifth .widget {
float: left; 
margin: 0px;
padding: 1% 0 0 5%;
width: 30%; 
}

#footer-top-sixth .widget {
float: left; 
margin: 0px;
padding: 1% 0 0 0%;
width: 30%; 
}
}

@media screen and (max-width:400px) {
.top-nav-left {
width: auto;
}

.top-nav-right, .navi li li {
display: none;
}

.navi li a {
line-height: 30px;
padding: 0px 7px;
}

h2.post-title {
font-size:15px;
}
}

@media screen and (max-width:300px) {
#top-outer-child, #header-right, #footer-outer-top, #sidebar-wrapper-first, #sidebar-wrapper-second, #sidebar-wrapper-third {
display: none;
}

.navi li a {
border-bottom: 1px solid #222222;
font-size: 12px;
line-height: 30px;
padding: 0px 2px;
}

h2.post-title {
font-size:13px;
}
}